<!-- map summary 右边框 -->
<div class="summary-wrapper" ng-controller="MapSummaryCtrl">
  <!-- 收缩条 -->
  <div class="summary-toggle" ng-class="{'fold': isFold}">
    <button class="btn" ng-click="toggle()">
      <img src="../img/arrow_1.png" ng-class="{'toggle': isFold}">
    </button>
  </div>
  <!-- 右边框内容 -->
  <div class="summary-content" ng-class="{'fold': isFold}">

    <div class="summary-list">
      <!-- 每个block块显示相应的内容 -->
      <div class="summary-block" ng-show="infoData.length > 0">
        <div class="block-header">
          警情列表
        </div>
        <div class="block-content">
          <div class="info-header">
            <div class="col-md-2">序号</div>
            <div class="col-md-3">数量</div>
            <div class="col-md-5">所在派出所</div>
            <div class="col-md-2">详情</div>
          </div>
          <div class="info-line" ng-repeat="(index, info) in infoData | limitTo: 200">
            <div class="col-md-2">
              <div class="nxt-num">{{index + 1}}</div>
            </div>
            <div class="col-md-3">{{info.value}}</div>
            <div class="col-md-5">{{info.bumen}}</div>
            <div class="col-md-2"><a href="">详情</a></div>
          </div>
        </div>
      </div>

      <div class="summary-block">
        <div class="block-header">
          警情时分布
        </div>
        <div class="block-content">
          <div id="chart2" class="nxt-chart"></div>
        </div>
      </div>

      <div class="summary-block">
        <div class="block-header">
          警情数量统计
        </div>
        <div class="block-content">
          <div class="info-header">
            <div class="col-md-4">警情类型</div>
            <div class="col-md-6">数值</div>
            <div class="col-md-2">数量</div>
          </div>
          <div class="info-line" ng-repeat="item in dataMap.map">
            <div class="col-md-4">{{item.name}}</div>
            <div class="col-md-6">
              <div class="nxt-bar" style="width: {{item.value / dataMap.map[0].value * 100}}%"></div>
            </div>
            <div class="col-md-2">{{item.value}}</div>
          </div>
        </div>
      </div>

    </div>

  </div>
</div><!-- map summary -->